<template>
	<div>
		<div class="side-bar">
			<a href="#b1">b1</a>
			<a href="#b2">b2</a>
			<a href="#b3">b3</a>
			<a href="#b4">b4</a>
			<a href="#b5"></a>
		</div>
		<div>
			<div class="box" id="b1"></div>
			<div class="box" id="b2"></div>
			<div class="box" id="b3"></div>
			<div class="box" id="b4"></div>
			<div class="box" id="b5"></div>
		</div>
	</div>
</template>

<script>
</script>

<style lang='less' scoped>
	.side-bar{
		position: fixed;
		top:0;
		right: 0;
		background-color: wheat;
	}
	.box{
		height: 500px;
	}
	#b1{
		background-color: aqua;
	}
	#b2{
		background-color: rosybrown;
	}
	#b3{
		background-color: royalblue;
	}
	#b4{
		background-color: rebeccapurple;
	}
	#b5{
		background-color: orange;
	}
</style>